<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

		<form name="form" accept="aaa" onsubmit="return validateForm()" method="post">
			<input type="text" name="userName" />
			<input type="email" name="userEmail" />
			<input type="submit" value="提交" />
		</form>

		<script>
			/*
			JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
			表单数据经常需要使用 JavaScript 来验证其正确性：
			验证表单数据是否为空？
			验证输入是否是一个正确的email地址？
			验证日期是否输入正确？
			验证表单输入内容是否为数字型？
			*/
			//必填（或必选）项目
			function validateForm() {
				var userName = document.forms["form"]["userName"].value;
				var userEmail = document.forms["form"]["userEmail"].value;
				if (userName == "" || userName == null) {
					alert("姓名是必须填写的");
					return false;
				}
				var atpos = x.indexOf("@");
				var dotpos = x.lastIndexOf(".");
				if(atpos==-1 || dotpos<atpos+2 || dotpos+2>=userEmail.length){
					alert("这不是一个有效的邮箱");
					return false;
				}
			}
		</script>
	</body>
</html>